//图片过于大防止出现横向滚定条;
$(document).ready(function () {
    $("body").attr("style", "overflow-x:hidden");
});

//鼠标滑过大图片让这个文字图片显示
$("a1").mouseover(function () {
    $(".upwang").stop().slideDown(2000)
})
//鼠标滑过大图片让这个文字图片隐藏
$("a1").mouseout(function () {
    $(".upwang").stop().slideUp(2000)
})

$("a2").mouseover(function () {
    $(".upguan").stop().slideDown(2000)
})
//鼠标滑过大图片让这个文字图片隐藏
$("a2").mouseout(function () {
    $(".upguan").stop().slideUp(2000)
})

$("a3").mouseover(function () {
    $(".upgg").stop().slideDown(2000)
})
//鼠标滑过大图片让这个文字图片隐藏
$("a3").mouseout(function () {
    $(".upgg").stop().slideUp(2000)
})

$("a4").mouseover(function () {
    $(".uptang").stop().slideDown(2000)
})
//鼠标滑过大图片让这个文字图片隐藏
$("a4").mouseout(function () {
    $(".uptang").stop().slideUp(2000)
})

// 功能：封装一个匀速运动：
// 参数：
//       dom元素：dom
//       样式属性名:attr（如："width"，"height"，"left"，"top"等等）
//       终点位置：endVal
//       时长（毫秒：timeLong
// 返回值：定时器
// function linear(dom, attr, endVal, timeLong) {
//     function getStartVal(dom, attr) {
//         if (dom.currentStyle) {
//             return dom.currentStyle[attr];
//         } else if (window.getComputedStyle) {
//             return window.getComputedStyle(dom)[attr];
//         }
//     }

//     let startVal = parseFloat(getStartVal(dom, attr));
//     let value = startVal;

//     let myTimer = setInterval(() => {
//         value = value + (endVal - startVal) / timeLong;

//         if (endVal >= startVal ? value >= endVal : value <= endVal) {
//             // clearInterval(myTimer);
//             value = 0; //此处更改边界判断
//         }

//         dom.onmouseenter = () => {
//             clearInterval(myTimer);
//         };

//         if (attr == "opacity") {
//             dom.style[attr] = value;
//         } else {
//             dom.style[attr] = value + "px";
//         }
//     }, 10);

//     return myTimer;
// }
// 划过显示二维码
// let WEI = document.querySelector(".wei")
// let mobile_scan = document.getElementsByClassName(".er");
// WEI.onmouseover = function () {
//     mobile_scan.style.display = "block";
// }
// WEI.onmouseout = function () {
//     mobile_scan.style.display = 'none';
// }

// class Banner {
//     constructor(box, prev, next, Lis) {
//         this.index = 3;
//         this.oBox = box;
//         this.oPrev = prev;
//         this.oNext = next;
//         this.oLis = Lis;
//         this.oBox.style.backgroundImage = `url(img/${this.index}.jpg)`;
//         this.oLis[this.index].style.backgroundColor = `red`;
//     }
//     //图片的切换
//     setBgcImg() {
//         this.oBox.style.backgroundImage = `url(img/${this.index}.jpg)`;
//     }
//     //li高亮的效果
//     setBgcLi() {
//         for (let i = 0; i < this.oLis.length; i++) {
//             if (this.index == i) {
//                 this.oLis[i].style.backgroundColor = `red`;
//             }
//             else {
//                 this.oLis[i].style.backgroundColor = `black`;
//             }
//         }
//     }
//     //右边的按钮;
//     next() {
//         this.index++;
//         if (this.index == this.oLis.length) {
//             this.index = 0;
//         }
//         this.setBgcImg();
//         this.setBgcLi();
//     }
//     //左边的按钮;
//     prev() {
//         this.index--;
//         if (this.index == -1) {
//             this.index = this.oLis.length - 1;
//         }
//         this.setBgcImg();
//         this.setBgcLi();
//     }
//     //点li切换图片;
//     clickLi() {
//         let that = this;
//         for (let i = 0; i < this.oLis.length; i++) {
//             this.oLis[i].onclick = function () {
//                 that.index = i;
//                 that.setBgcImg();
//                 that.setBgcLi();
//             }
//         }
//     }
//     //事件函数的调用
//     enentBind() {
//         let that = this;
//         this.oNext.onclick = function () {
//             that.next()
//         }
//         this.oPrev.onclick = function () {
//             that.prev();
//         }
//         this.clickLi();
//     }

// }
// let oBox = document.querySelector("#oImg");
// let oPrev = document.querySelector("#btn-previous");
// let oNext = document.querySelector("#btn-next");
// let oLis = document.querySelectorAll("li");
// let b = new Banner(oBox, oPrev, oNext, oLis);
// b.enentBind();







